网页图片不存在时的以下两种处理方法

标签:2023-06-29 14:40:29

图片不存在时,页面会出现图片破损的标志,非常影响用户体验,因此需要对不存在的图片进行处理。

图片不存在会触发onerror事件,我们通过触发该事件后进行以下方式处理。

1、把图片元素隐藏

<img src="图片地址" onerror="this.style.display='none'" />

2、替换成默认图片

<img src="图片地址" onerror="this.src='默认图片的地址'" />
原文出处:http://www.dongblog.com/notes/23.html
来源:博客网 转载请注明出处!

活跃用户

老fw了
Ta还没有签名
河童
Ta还没有签名
思念
Ta还没有签名
452225298
Ta还没有签名

友情链接


Warning: Smarty error: unable to read resource: "../../../templates/default/./common/foot/footer_index.htm" in /usr/home/hyu3925200001/htdocs/common/smarty/Smarty.class.php on line 1093

Warning: Smarty error: unable to read resource: "../../../templates/default/./common/foot/footer_index.htm" in /usr/home/hyu3925200001/htdocs/common/smarty/Smarty.class.php on line 1093